<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单标签</title>
	</head>
	<body>
		<!-- form表单用来给服务器发送数据,GET POST,默认是GET -->
		<form>
			<table border="1px" cellspacing="0" bgcolor="gainsboro">
				<tr>
					<td colspan="2"> <!-- 合并列 -->
						<h2 align="center">注册表单</h2> <!-- 居中-->
					</td>
				</tr>
				<tr>
					<td>用户名：</td>
					<td>
						<input type="text" placeholder="请输入用户名" name="username"/>
					</td>
				</tr>
				<tr>
					<td>密码：</td>
					<td>
						<input type="password" placeholder="请输入密码" name="pwd"/>
					</td>
				</tr>
				<tr>
					<td>确认密码：</td>
					<td>
						<input type="password" placeholder="请输入密码" name="repwd"/>
					</td>
				</tr>
				<tr>
					<td>昵称：</td>
					<td>
						<input type="password" placeholder="请输入昵称" name="nick"/>
					</td>
				</tr>
				<tr>
					<td>邮箱：</td>
					<td>
						<input type="email" placeholder="请输入邮箱" name="email"/>
					</td>
				</tr>
				<tr>
					<td>性别：</td>
					<td>
						<!-- 性别想实现单选,name值必须一样, value等于几就向服务器几-->
						<input type="radio"  name="sex" value="1"/>男
						<input type="radio"  name="sex" value="0"/>女
					</td>
				</tr>
				<tr>
					<td>爱好：</td>
					<td>
						<input type="checkbox" name="hobby" value="1"/>篮球
						<input type="checkbox" name="hobby" value="2"/>足球
						<input type="checkbox" name="hobby" value="3"/>乒乓球
					</td>
				</tr>
				<tr>
					<td>城市：</td>
					<td>
						<select name="city"> <!-- 下拉框-->
							<option value="1">北京</option> <!-- 下拉选项-->
							<option value="2">上海</option>
							<option value="3">广州</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>头像：</td>
					<td>
						<input type="file" />
					</td>
				</tr>
				<tr>
					<td>验证码：</td>
					<td>
						<input type="text" />
						<img src="a.jpg" />
						<input type="button" value="点我换一张"/>
					</td>
				</tr>
				<tr>
					<td>自我描述：</td>
					<td>
						<textarea>  
							请输入描述信息...
						</textarea>
					</td>
				</tr>
				<tr>
					<td colspan="2" align="center">
						<input type="submit" value="提交"/>
						<input type="reset" value="重置"/>
					</td>
				</tr>
			</table>
		</form>
		
	</body>
</html>